<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/base/taglibs.jsp"%>
<%@include file="/WEB-INF/jsp/base/head.jsp"%> 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head> 
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath() %>/css/restaurantSelectTab.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>餐厅明细信息</title>
<script language="javascript" type="text/javascript"> 
	/*选项卡更换*/
	function setTab(name,cursel,n,frameName,srcValue){
		for(i=1;i<=n;i++) {
			var con=document.getElementById(name+i);
			if(con != null){
				document.getElementById("menu"+i).className="";
				con.style.display="none";
				if(i==cursel) {
					document.getElementById(frameName).src=document.getElementById(srcValue).value;
					document.getElementById("menu"+i).className="hover";
					con.style.display="block";
				}
			}
		}
	}
</script>
</head>
<body>
	<s:form id="form1" namespace="/restaurant" action="restaurantAction!getRestaurants" name="form1" method="post">
	
	<input type="hidden" name="restaurantBizBean.id" value="${restaurantBizBean.id}"/>
	
	<div class="center_main">
		<div class="center_left"></div>
	</div>
	<div id="page-top">
		<span>餐厅明细信息</span>
		<b></b><i></i>
	</div>
  
	<div id="page"> 
		 <div class="tabmenubox">
	         <ul id="tabmenu">
	             <li id="menu1" class="hover" onclick="setTab('one_card_',1,5,'restaurantInfoFrame','restaurantInfoSrc')"><a href="javascript:void(0)"style="text-decoration:none;">基本信息</a></li>
	             <li id="menu2" onclick="setTab('one_card_',2,5,'restaurantMainPhotoFrame','restaurantMainPhotoSrc')"><a href="javascript:void(0)" style="text-decoration:none;">餐厅主图</a></li>
	             <li id="menu3" onclick="setTab('one_card_',3,5,'restaurantMenuFrame','restaurantMenuSrc')"><a href="javascript:void(0)" style="text-decoration:none;">菜单</a></li>
	             <li id="menu4" onclick="setTab('one_card_',4,5,'banquetHallFrame','banquetHallSrc')"><a href="javascript:void(0)" style="text-decoration:none;">宴会厅</a></li>
	         </ul>
	     </div>
	     <div class="tabmainbox">
	     	<div id="one_card_1" style="margin-top:20px;">
	     		<iframe scrolling="yes" width="100%" height="600" frameborder="0"  marginwidth="0" marginheight="0" id="restaurantInfoFrame" src="<%=request.getContextPath() %>/restaurant/restaurantAction!getRestaurantEditPage.do?restaurantBizBean.id=${restaurantBizBean.id}"></iframe>
	     		<input type="hidden" id="restaurantInfoSrc" value="<%=request.getContextPath() %>/restaurant/restaurantAction!getRestaurantEditPage.do?restaurantBizBean.id=${restaurantBizBean.id}" />
			</div>
			<div id="one_card_2" style="display:none;margin-top:20px;">
				<iframe scrolling="yes" width="100%" height="500px" frameborder="0"  marginwidth="0" marginheight="0" id="restaurantMainPhotoFrame"></iframe>
				<input type="hidden" id="restaurantMainPhotoSrc" value="<%=request.getContextPath() %>/restaurantPhoto/restaurantPhotoAction!getRestaurantMainPhotoById.do?rid=${restaurantBizBean.id}">
			</div>
			<div id="one_card_3" style="display:none;margin-top:20px;">
				<iframe scrolling="yes" width="100%" height="500px" frameborder="0"  marginwidth="0" marginheight="0" id="restaurantMenuFrame"></iframe>
				<input type="hidden" id="restaurantMenuSrc" value="<%=request.getContextPath() %>/restaurantMenu/restaurantMenuAction!getRestaurantMenus.do?restaurantMenuBizBean.rid=${restaurantBizBean.id}">
			</div>
			<div id="one_card_4" style="display:none;margin-top:20px;">
				<iframe scrolling="yes" width="100%" height="500px" frameborder="0"  marginwidth="0" marginheight="0" id="banquetHallFrame"></iframe>
				<input type="hidden" id="banquetHallSrc" value="<%=request.getContextPath() %>/banquetHall/banquetHallAction!getBanquetHalls.do?banquetHallBizBean.rid=${restaurantBizBean.id}">
			</div>
	     </div>
	</div>
    </s:form>
    <div id="page-bottom">
    	<b></b><i></i>
	</div>
</body>
</html>